/* WORKFOLIO CLASSIC THEME */


/* Page Header
================================================== */

header.container {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 40px;
}
header .monogram {
	display: block;
	margin: 0 auto 23px;
	background-image: url(/img/monogram_regal.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height:78px;
	height: 80px;
	font-family: 'ITCNapoleoneSlabW01-Bl';
	font-size: 48px;
	width: 80px;
}
header .monogram:hover {
	color: #333;	
}

header h1 {
	font-size: 82px;
	letter-spacing: -3px;
	margin-bottom: 18px;
	line-height: 1;
}
header h2 {
	font-size: 15px;
	margin-bottom: 28px;
	line-height: 1.0;
	word-break: break-word;
}
#main-nav {
	margin: 0 auto;
	display: inline-block;
}
#main-nav li {
	margin-right: 5px;
	margin-top: 5px;
}
#main-nav li a {
	font-size: 12px;
 	line-height: 28px;
 	width: 90px;
 	display: block;
}
#main-nav li .menu-item {
	z-index: 10;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Nav item mini-grid
================================================== */

.one.item {
	width: 90px;
}
.two.items {
	width: 189px; /* (92 * n) + (5*(n-1)) */
}
.three.items {
	width: 286px; /* (92 * n) + (5*(n-1)) */
}
.four.items {
	width: 383px; /* (92 * n) + (5*(n-1)) */
}
.five.items {
	width: 480px; /* (92 * n) + (5*(n-1)) */
}
.six.items {
	width: 577px; /* (92 * n) + (5*(n-1)) */
}
.seven.items {
	width: 674px; /* (92 * n) + (5*(n-1)) */
}
.eight.items {
	width: 771px; /* (92 * n) + (5*(n-1)) */
}
.nine.items {
	width: 868px; /* (92 * n) + (5*(n-1)) */
}
.ten.items {
	width: 965px; /* (92 * n) + (5*(n-1)) */
}

/* Home Page body
================================================== */
.page-section.features {
	text-align: center;
}
.page-section.twitter {
	margin-bottom: 20px;
}
ul.features {
	display: inline-block;
}
.features {
	margin: 0 auto 20px;
}
.features li {
	
	background-repeat: no-repeat;
	height: 241px;
	width: 240px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
.features li .icon-container {
	background-image: url(/img/features.png);
	width: 210px;
	margin: 0 auto;
	height: 100%;
}

.features li a { 
	display: block;
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 4;
}
.features li label{
	position: relative;
	top: -82px;
	font-size: 36px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
	opacity: .2;
	line-height: 1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	/*transition: color 1s;
	-webkit-transition: color 1s;*/
}
.features.dummy li:hover label{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
	opacity: .2;	
}
.features li:hover label {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}
.features li .top-image{ 
	position: relative;
	top: -237px;
}

.features li.download a img{
	position: relative;
	top: 67px;
}
.features li.circle label {
	display: none;
}
.features li div.accent-color {
	position: relative;
	top: -87px;
	font-size: 13px;
	text-transform: uppercase;
}
/* Features mini-grid 
================================================== */

.features.one {
	width: 210px;	/* (210 * n) + (40*(n-1)) */
}
.features.two {
	width: 460px;	/* (210 * n) + (40*(n-1)) */
}
.features.three {
	width: 710px;	/* (210 * n) + (40*(n-1)) */
}
.features.four {
	width: 960px;	/* (210 * n) + (40*(n-1)) */
}

/* Features icon images
================================================== */

.features li a {
	background-image: url(/img/features.png); 
}

/* Section tabs 
================================================== */
.section-header,  .page-section.share h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 45px;
	font-size: 30px;
	text-align: center;
	line-height: .78;
}
.page-section.share h4 {
	line-height: 1;
}
.section-header span {
	position: relative;
}
.section-wrapper.main {
	padding-top: 45px;
	padding-bottom: 65px;
}
/* Seeking
================================================== */
.page-section.seeking {
	border-bottom: none;
}
ul.seeking.one {
	width: 296px;
}
ul.seeking.two {
	width: 594px;
}
ul.seeking.three {
	width: 890px;
}
ul.seeking li.seeking-container {
	margin-bottom: 40px;
}
/* Social
================================================== */

.page-section.social ul {
	margin-left: 0;
}
.social li {
	margin-right: 6px;
	margin-bottom: 6px;
	line-height: 1;
}

.social li a {
	line-height: 1.2;
	font-size: 32px;
	display: block;
	width: 100%;
	height: 100%;
}



/* social mini-grid */

.social.one {
	width: 35px; /* (33 * n) + (8 * (n-1)) */
}
.social.two {
	width: 73px; /* (33 * n) + (8 * (n-1)) */
}
.social.three {
	width: 111px; /* (33 * n) + (8 * (n-1)) */
}
.social.four {
	width: 149px; /* (33 * n) + (8 * (n-1)) */
}
.social.five {
	width: 187px; /* (33 * n) + (8 * (n-1)) */
}
.social.six {
	width: 225px; /* (33 * n) + (8 * (n-1)) */
}
.social.seven {
	width: 263px; /* (33 * n) + (8 * (n-1)) */
}
.social.eight {
	width: 301px; /* (33 * n) + (8 * (n-1)) */
}
.social.nine {
	width: 339px; /* (33 * n) + (8 * (n-1)) */
}
.social.ten {
	width: 377px; /* (33 * n) + (8 * (n-1)) */
}


.tweets-container {
	margin-bottom: 20px;
}
.tweet-date { 
	float:left;
}
.tweet-date, .intents-container a {
	font-size: 12px;
}
.author-info {
	margin-bottom: 25px;
}
.author-info .img-container {
	margin-right: 7px;
	width: 48px;
	height: 48px;
	position: absolute;
}
.author-info span.screen-name, .author-info span.user-name {
	float: left;
	text-align: left;
	padding-left: 58px;
}
.author-info span.screen-name {
	clear: left;
}
.author-info span.user-name {
	line-height: 1;
	font-weight: bold;
	text-transform: none;
}
.author-info a:hover span.user-name {
	text-decoration: underline;
}
.author-info:hover span.screen-name {
	text-decoration: none;
}
.author-info span {
	display: block;
}
.author-info iframe {
	float: right;
	clear: none;
}
.tweet-body {
	margin-bottom: 12px;
}
.intents-container {
	float: right;
}
.intents-container p {
	float: left;
	margin-bottom: 0;
	margin-right: 10px;
}
.intents-container p:last-child {
	margin-right: 0;
}
.intents-container p span {
	display: block;
	height: 18px;
}
.intents-container p a {
	display: block;
}
.intents-container p a:hover {
	text-decoration: underline;
}

.intents-container p span {
	float: left;
	background-image: url(/img/twitter-sprite.png);
}
.intents-container .reply {
	width: 48px;
}
.intents-container .reply span {
	width: 12px;
	background-position: -3px 0;
}
.intents-container .reply:hover span {
	background-position: -19px 0;	
}
.dummy .intents-container .reply:hover span {
	background-position: -3px 0;	
}

.intents-container .retweet {
	width: 68px;
}
.intents-container .retweet span {
	width: 15px;
	background-position: -80px 0;
}
.intents-container .retweet:hover span {
	background-position: -96px 0;	
}
.intents-container .retweet:active span {
	background-position: -112px 0;	
}
.dummy .intents-container .retweet span, .dummy .intents-container .retweet:active span {
	background-position: -80px 0;
}

.intents-container .favorite {
	width: 65px;
}
.intents-container .favorite span {
	width: 15px;
	background-position: -33px 0;
}
.intents-container .favorite:hover span {
	background-position: -49px 0;	
}
.intents-container .favorite:active span {
	background-position: -65px 0;	
}
.dummy .intents-container .favorite:hover span, .dummy .intents-container .favorite:active span {
	background-position: -33px 0;
}

.tweet {
	width: 480px;
	max-width: 100%;
	float:left;
	position: relative;
}
.tweets-container .tweet:last-child {
	padding-right: 0;
}
.tweet-body {
	text-align: left;
}
.tweet-body a:hover {
	text-decoration: underline;
}
#tweet1 {
	width: 449px;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 30px;
}
#tweet2 {
	width: 449px;
	padding-left: 30px;
}
#follow-button {
	background: transparent;
}

/* About page */
#skills li {
	margin-right: 40px;
	width: 215px;
}
#stats li {
	margin-right: 30px;
	width: 142px;
        min-height: 100px;
}
#stats .stat-number {
	font-size: 45px;
}
.soho #stats li h5 {
	letter-spacing: -4px;
}
#stats li label {
	height: 45px;
}
.page-section.experience {
	border-bottom-width: 0;
}
/* Contact page sidebar */
.contact .sidebar  { width: 100%; }

.contact .sidebar label, .contact .sidebar span {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
	font-size: 12px;
}
.page-section.map {
	margin-top: 0;
	border-bottom: 0;
}

.map-marker {
	background-image: url(/img/map_marker.png);
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	width: 20px;
	height: 24px;
	position: relative;
	margin: 0;
	top: 37px;
	left: 66px;
}


/* timeline page
================================================== */
#timeline {
	text-align: center;
	height: 550px;
	background-repeat: no-repeat;
	width: 920px;
	margin: 0 auto;
}
#timeline h5 {
	font-size: 23px;
	margin-bottom: 3px;
}
#timeline .description {
	line-height: 1.3;
	font-size: 13px;
	margin-bottom: 10px;
	text-align: center;
}
#timeline .description ul li {
	float: none;
}
#timeline time{
	font-size: 13px;
	position:relative;
}
#timeline #event-info {
	width: 500px;
	margin: 0 auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}
#timeline #event-info .description {
	max-height: 5em;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: auto;
}
#timeline #event-info .description ul, #timeline #event-info .description ol, #timeline #event-info .description p {
	margin-bottom: 1em;
}
#timeline #event-info .description li {
	display: list-item;
	float: none;
}
#timeline #event-info .description ul li {
	list-style: inside disc;
}
#timeline #event-info .description ol li {
	list-style: inside decimal;
}
#timeline .vertical-line {
	height: 170px;
	width: 0px;
	margin: 0 auto;
	border-left-width: 2px;
	border-left-style: dotted;
}
#events-line ul {
	position: relative;
}
#events-line li {
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s, filter 1s;
	transition: opacity 1s, filter 1s;
}
#events-line li:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#events-line {
	height: 18px;
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 40px;
}
#events-line .event {
	display: block;
	height: 12px;
	width: 12px;
	border-radius: 7px;
	font-size: 11px;
	line-height: 15px;
	color: white;
	position: absolute;
	top: 3px;
	left: 5px;
	float: left;
	margin-left: -6px;
}
#events-line .event.multiple {
	top: 7px;
	height: 15px;
	width: 15px;
	border-radius: 7px;
}
#timeline-container {
	border-bottom: none;
}
#timeline-container .event-info-container {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	height: 230px;
	overflow: hidden;
	margin-top: 45px;
}

#timeline-container .graph-container {
	position: relative;
	top: 225px;
	width: 880px;
	margin: 0 auto;
}
#timeline-container .graph-container #timeline-buttons-container {
	width: 62px;
	margin: 10px auto 25px;
}

#timeline-container .graph-container button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding-left: 19px;
	margin-top: 20px;
	text-shadow: none;
	font-weight: normal;
	position: relative;
	left: 3px;
	display: block;
	margin: 0 0 5px;
	float: left;
	width: 30px;
	height: 30px;
}
#timeline-container .graph-container #zoom-in {
	border-width: 1px;
	border-style: solid;

}
#timeline-container .graph-container #zoom-out {
	border-width: 1px 1px 1px 0;
	border-style: solid;
}
#timeline-container .graph-container #legend {
	width: 337px;
	margin: 0 auto;
}
#timeline-container .graph-container #legend p {
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}
#timeline-container .graph-container #legend .items-container {
	width: 165px;
	margin: 0 auto;
}
#timeline-container .graph-container #legend .items-container .item {
	float: left;
	margin-right: 40px;
}
#legend .items-container .item .icon {
	width: 12px;
	height: 12px;
	background-image: url(/img/front_end.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
	position: relative;
	top: 4px;
}
#legend .items-container .item.stint .icon {
	width: 21px;
	height: 10px;
	top: 5px;
}
#legend .items-container .item.video .icon {
	width: 14px;

}
#timeline-container .graph-container button.active {
	cursor: default;
}
#timeline-container .graph-container button span {
	background-image: url(/img/front_end.png);
	background-repeat: no-repeat;
	display: block;
	width: 18px;
	height: 18px;
	float:left;
	position: absolute;
	left: 5px;
	top: 5px;
}
#events-graph {
	overflow: hidden;
	margin-top: -40px;
	height: 100px;
}
#events-graph ol {
	position: relative;
}
#wrapper #events-graph li {
	border-bottom-width: 39px;
	border-bottom-style: solid;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	width: 181px;
	height: 0;
	opacity: .3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
	position: absolute;
	bottom: -39px;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
	cursor: pointer;
}
#wrapper #events-graph li.under {
	top: 59px;
	border-bottom: none;
    border-top-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
#wrapper #events-graph li.education.under {
    border-top-width: 24px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
#wrapper #events-graph li.experience.under {
	border-top-width: 39px;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
}
#wrapper #events-graph li.education {
	position: absolute;
    left: -40px;
    opacity: .5;
    border-bottom-width: 24px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    bottom: -39px;
    width:  182px;
    z-index: 5;
}
#wrapper #events-graph li.education:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
	opacity: .7;
}
#wrapper #events-graph li.present, #wrapper #events-graph li.present.under {
	border-right: 0;
}
#wrapper #events-graph li:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
	opacity: .6;
}
#wrapper #events-graph li.active{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
	opacity: .8;
}
#timeline-controls {
	position: relative;
	background-color: #D4D4D4;
}
#timeline-controls a {
	background-image: url(/img/front_end.png);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 20px;
	z-index: 5;
	position: absolute;
	top: -69px;
}
#timeline-controls a.left {
	left: -40px;
}
#timeline-controls a.left.disabled:hover {
	cursor: default;
}
#timeline-controls a.right {
	right: -40px;
}
#timeline-controls a.right.disabled:hover {
	cursor: default;
}
#timeline-years {
	overflow: hidden;
	margin-top: 50px;
}
#timeline-years ul {
	position: relative;
	height: 55px;
}
#timeline-years li {
	border-right-width: 1px;
	border-right-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height: 20px;
	width: 239px;
	position: relative;
	top: 34px;
}
#timeline-years li:first-child {
	border-left: 1px solid #5b5c5e;
}
#timeline-years li:last-child {
	border-right: none;
}
#timeline-years li.last {
	border: none;
}
#timeline-years li span {
	position: absolute;
	left: -16px;
	top: -18px;
}

/* FAQ page
================================================== */
#faq-container {
	border-bottom: 0;
}
#faq-container .empty-message {
	text-align: center;
}

.question {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 25px;
	margin-bottom: 20px;
}
.question h5 {
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 5px;
}
.question p, .question .paragraph {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 0;
}

/*  Articles page  */
#articles {
	float: left;
	width: 100%;
}
.article {
	padding-bottom: 50px;
	position: relative;
}
.article h4 {
	font-size: 32px;
	text-transform: none;
	margin-bottom: 7px;
	font-family: 'HelveticaNeueW01-55Roma';
	line-height: 36px;
}
.article h5 {
	font-size: 17px;
	margin-bottom: 30px;
}
.article h6 {
	text-transform: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}
.article .article-tagline {
	margin-bottom: 15px;
}
.article .article-details {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 20px;
}
.article .article-details .date {
	margin-right: 5px;
}
.article .article-details .date span {
	margin-right: 5px;
}
.article .article-details .tags {
	margin-left: 5px;
}
.article .article-body img {
	margin-bottom: 25px;
	max-width: 100%;
}
.article .article-body p {
	line-height: 1.2;
}
.sidebar-section ul li {
	padding: 11px 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	float: none;
	overflow: hidden;
}

.sidebar-section ul li:first-child {
	padding-top: 0;
}
.sidebar-section ul h5 {
	float: left;
	width: 100%;
	line-height: 1.2;
}
#wrapper .sidebar-section ul li .value {
	color: inherit;
}
.sidebar-section {
	margin-bottom: 35px;
}

.prev.disabled {
	display: none;
}
.next {
	float: right;
}
.next.disabled {
	display: none;
}
.contact .sidebar label {
	margin-right: 0;
}
/* About page
================================================== */
.page-section.photo {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.profile-pic-container {
	position: relative;
	margin-bottom: 30px;
}
.profile-pic-container img {
	max-width: 100%;
}
#main-content .page-section:first-child, .sidebar .page-section:first-child {
	margin-top: 0;
	padding-top: 0;
}
.sidebar .page-section.highlights:first-child {
	margin-top: 35px;
}

/* sidebar */
#about-sidebar, #articles-sidebar{
	float: right;
}

#about-sidebar .page-section {
	padding: 0 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position:relative;
}
#about-sidebar .page-section.no-proudest {
	padding-bottom: 0;
	border-bottom-color: transparent;
}
#about-sidebar .highlights .page-section:first-child {
	margin-top: 35px;
}
#about-sidebar h5, #articles-sidebar h5 {
	font-size: 18px;
	margin-bottom: 4px;
}
#articles-sidebar h5 {
	margin-bottom: 0;
}
#about-sidebar h6 {
	font-size: 12px;
	line-height: 1.3;
}
.social.sidebar {
	margin: 0;
}
#about-sidebar .social li {
	width: 29px;
	height: 29px;
}
.page-section .subhead {
	padding-left: 8px;
}
.subhead:before {
	position: relative;
	top: 1px;
	left: -8px;
}
.subhead.experience:before {
	content: url(/img/icon_experience.png);
}
.subhead.education:before {
	content: url(/img/icon_education.png);
	top: 2px;
}
.subhead.cause:before {
	content: url(/img/icon_affiliations.png);
}
.subhead.interests:before {
	content: url(/img/icon_interests.png);
}


#contact-form .form-element input[type="text"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* share me on */
.page-section.share {
	text-align: center;
}
.page-section.share .social {
	display: inline-block;
	width: auto;
	margin-left: 0;
}
.page-section.share .social li {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0;
	width: 40px;
	height: 40px;
}
.page-section.share h4 {
	text-transform: none;
	border-bottom-color: #F0F0F0;
}
/* videos */
.page-section.videos {
	border-bottom: 0;
}
#videos li {
	width: 260px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#videos li iframe {
	height: 146px;
}
.admin #videos.dummy li {
	width: 260px;
	height: 150px;
}

#images li:nth-child(even) {
	margin-right: 30px;
}
#images li:nth-child(3n) {
	margin-right: 0;
}

/* addthis */
.addthis_toolbox {
	margin-bottom: 20px;
}


#contact-form-container {
	border-bottom-width: 0;
}
#contact-form-container, #contact-form-container .form-element {
	width: 100%;
}
 #contact-form-container .form-element input, #contact-form-container .form-element textarea {
 	margin-right: 0;
 	width: 100%;
 }
 #contact-form-container .form-element.email, #contact-form-container .form-element.name {
 	width: 280px;
 }
 #contact-form-container .form-element.name {
 	margin-right: 20px;
 }

/* Light Scheme 
===================================================== */

.light .section-wrapper.main {
		background-image: none;
		background-color: white;
}

/*  nav  */

.light header h1 { 
	color: #373737;
}
.light header h2 {
	color: #7d7d7d;
}
.light #main-nav li a, .light .form-element button, .light .graph-container button {
	background-color: #f4f4f4;
}
.light #main-nav li a, .light .form-element input[type="text"], .light .form-element textarea, .light .form-element button, .light .graph-container button {
	border: 1px solid #d4d4d4;
}
.light #main-nav li a, .light .form-element button, .light .graph-container button {
 	color: #525355;
}
.light #main-nav li a:hover, .light #main-nav li.active a, .light .form-element button:hover, .light .graph-container button:hover, .light .graph-container button.active {
	background: white;
}

/*  Home page  */
.light .features .square div, .light .features .hexagon div, .light .features label {
	color: white;
}

.light #tweet1 {
	border-right-color: #F0F0F0;
}
.light .tweet .user-name, .light .tweet a:hover .user-name {
	color: #333;
}
.light .tweet .screen-name, .light .tweet a:hover .screen-name {
	color: #333;
}
.light .dummy .intents-container p a:hover {
	color: #333;
}
/* hexes */

.light .features li.hexagon .icon-container {
	background-position: -10px -255px;
}
.light .features li.hexagon .icon-container:hover {
	background-position: -230px -255px;
}
.light .features.dummy li.hexagon .icon-container:hover {
	background-position: -10px -255px;
}

.light .features li.circle .icon-container {
	background-position: -2870px -255px;
}
.light .features li.circle .icon-container:hover {
	background-position: -3090px -255px;
}
.light .features.dummy li.circle .icon-container:hover {
	background-position: -2870px -255px;
}


.light .features li.rectangle .icon-container {
	background-position: -3310px -255px;
}
.light .features li.rectangle:hover .icon-container {
	background-position: -3530px -255px;
}
.light .features.dummy li.rectangle:hover .icon-container {
	background-position: -3310px -255px;
}


.light .features li.about a{
	background-position: -450px -255px;
}
.light .features li.timeline a{
	background-position: -670px -255px;
}
.light .features li.faq a{
	background-position: -890px -255px;
}
.light .features li.blog a{
	background-position: -2209px -255px;
}
.light .features li.resources a{
	background-position: -1987px -255px;
}
.light .features li.twitter a{
	background-position: -1547px -255px;
}
.light .features li.linkedin a{
	background-position: -1769px -255px;
}
.light .features li.portfolio a{
	background-position: -2430px -255px;
}
.light .features li.company_website a{
	background-position: -1330px -255px;
}
.light .features li.link a{
	background-position: -2650px -255px;
}
.light .features li.file a{
	background-position: -1110px -255px;
}



#links a, #files h5 a, #files h6 a {
	overflow: visible;
	white-space: normal;
	text-overflow: initial;
}


/*  Articles page  */

.light .article h4 {
	color: #181818;
}
.light .article h5 {
	color: #7D7D7D;
}
.light .article h6 {
	color: #181818;
}
.light .article .tags, .light .article span, .light .article .tags a, .light .article .article-details {
	color: #9b9b9b;
}
.light .article p span, .light .article .tags a:hover {
	color: #444;
}
.light .article .article-details {
	border-bottom-color: #F0F0F0;
}
.light .sidebar-section h4 {
	color: #181818;
}
.light #articles-sidebar li {
	border-bottom-color: #D4D4D4;
}
.light #articles-sidebar li span {
	color: #F8F8F8;
}


/*  Timeline page  */


.light #timeline #events-line {
	background-color: #D4D4D4;
}
.light #timeline #event-info, .light #timeline .vertical-line {
	 border-color: #9b9b9b;
}
.light #event-info time {
	color: #9b9b9b;
}
.light #event-info p {
	color: #373737;
}
.light #timeline-years li {
	border-color: #9b9b9b;
}
.light #timeline-years span {
	color: #373737;
}

.light #timeline-controls a.left {
	background-position: -456px -11px;
}
.light #timeline-controls a.left:hover {
	background-position: -421px -11px;
}
.light #timeline-controls a.left.disabled {
	background-position: -456px -11px;
	opacity: .4;
}
.light #timeline-controls a.left.disabled:hover {
	background-position: -456px -11px;
}
.light #timeline-controls a.right {
	background-position: -11px -11px;
}
.light #timeline-controls a.right:hover {
	background-position: -46px -11px;
}
.light #timeline-controls a.right.disabled {
	background-position: -11px -11px;
	opacity: .4;
}
.light #timeline-controls a.right.disabled:hover {
	background-position: -11px -11px;
}

.light #zoom-in span {
	background-position: 0 0;
}
.light #zoom-out span {
	background-position: -28px 0;
}


.light #zoom-in, .light #zoom-out {
	border-color: #6e6e6e;
	background-color: #ffffff;
	box-shadow: 
	 2px 2px 3px 0px rgba(220,220,220,.6) inset,
	 -2px -2px 3px 0px rgba(170,170,170,.6) inset
}
.light #zoom-in:hover, .light #zoom-out:hover {
	background-color: #f4f4f4;
	box-shadow:
	 2px 2px 3px 0px rgba(220,220,220,.6) inset,
	 -2px -2px 3px 0px rgba(170,170,170,.6) inset
}
.light #zoom-in.active, .light #zoom-out.active {
	background-color: #eaeaea;
	-moz-box-shadow: 1px 1px 5px 0px #888 inset;
	-webkit-box-shadow: 1px 1px 5px 0px #888 inset;
	box-shadow: 1px 1px 5px 0px #888 inset;
}
.light #zoom-in span {
	background-position: -335px -10px;
}
.light #zoom-in.active span {
	background-position: -305px -10px;
}
.light #zoom-out span {
	background-position: -305px -37px;
}
.light #zoom-out.active span {
	background-position: -335px -37px;
}
.light #timeline-buttons-container p {
	color: #9B9B9B;
}
.light #legend p, .light #legend .item {
	color: #7d7d7d;	
}
.light #legend .item.stint .icon {
	background-position: -140px -38px;
}
.light #legend .item.event .icon {
	background-position: -170px -36px;
}
.light #legend .item.photo .icon {
	background-position: -190px -36px;
}
.light #legend .item.video .icon {
	background-position: -215px -36px;
}




/* about page sidebar */

.light .page-section .subhead {
	color: #7d7d7d;
}
.light .subhead.experience:before {
	content: url(/img/icon_experience.png);
}
.light .subhead.education:before {
	content: url(/img/icon_education.png);
}
.light .subhead.cause:before {
	content: url(/img/causes_dark.png);
}
.light .subhead.interests:before {
	content: url(/img/icon_interests.png);
}
.light .page-section .social li {
	background-color: #373737;
}





/* Dark Scheme
===================================================== */

/*  general  */


/*  nav  */

.dark #main-nav li a, .dark .graph-container button {
	background-color: #373737;
}
.dark #main-nav li a {
	border: 1px solid #111;
}
.dark #main-nav li a, .dark .graph-container button {
 	color: #c8c8c8;
}
.dark #main-nav li:hover a, .dark #main-nav li.active a, .dark .form-element button:hover, .dark .graph-container button:hover, .dark .graph-container button.active {
	background: #525355;
}

/*  Home page  */

.dark .features li label {
	color: white;
}
.dark #tweet1 {
	border-right-color: #464646;
}

/* hexes */
.dark .features li.hexagon .icon-container {
	background-position: -10px -10px;
}
.dark .features li.hexagon .icon-container:hover {
	background-position: -230px -10px;
}
.dark .features.dummy li.hexagon .icon-container:hover {
	background-position: -10px -10px;
}

.dark .features li.circle .icon-container {
	background-position: -2870px -10px;
}
.dark .features li.circle:hover .icon-container {
	background-position: -3090px -10px;
}
.dark .features.dummy li.circle:hover .icon-container {
	background-position: -2870px -10px;
}

.dark .features li.rectangle .icon-container {
	background-position: -3310px -10px;
}
.dark .features li.rectangle:hover .icon-container {
	background-position: -3530px -10px;
}
.dark .features.dummy li.rectangle .icon-container {
	background-position: -3310px -10px;
}


.dark .features li.about a{
	background-position: -450px -10px;
}
.dark .features li.timeline a{
	background-position: -670px -10px;
}
.dark .features li.faq a{
	background-position: -890px -10px;
}
.dark .features li.blog a{
	background-position: -2209px -10px;
}
.dark .features li.resources a{
	background-position: -1987px -10px;
}
.dark .features li.twitter a{
	background-position: -1547px -10px;
}
.dark .features li.linkedin a{
	background-position: -1769px -10px;
}
.dark .features li.portfolio a{
	background-position: -2430px -10px;
}
.dark .features li.company_website a{
	background-position: -1330px -10px;
}
.dark .features li.link a{
	background-position: -2650px -10px;
}
.dark .features li.file a{
	background-position: -1110px -10px;
}

.dark .page-section .social li {
	background-color: #d4d4d4;
}
/*  section tabs  */

.dark .section-header, .dark .page-section h4 {
	border-bottom-color: #464646;
}

/*  Footer  */

.dark footer .container p, .dark footer .container a:hover {
	color: #fff;
}


/*  Articles page  */

.dark .article h5, .dark .article h5 strong {
	color: #d4d4d4;
}
.dark .article h6, .dark .article h6 strong, .dark .article p strong {
	color: #fff;
}

.dark .article .tags, .dark .article span, .dark .article .tags a, .dark .article .article-details {
	color: #9b9b9b;
}
.dark .article .tags a:hover {
	color: #d4d4d4;
}
.dark .article .article-details {
	border-bottom-color: #464646;
}
.dark .sidebar-section h4 {
	color: #FFF;
}
.dark .topics li, .dark .archives li {
	border-bottom-color: #696969;
}
.dark .topics li span, .dark .archives li span {
	color: #373737;
}
.dark .article-body p, .dark .article-body li {
	color: #d4d4d4;
} 



/*  Timeline page  */
.dark #timeline #events-line {
	/*background-color: #d4d4d4;*/
	background-color: #444;
}
.dark #timeline, .dark #timeline time {
	color: #9b9b9b;
}
.dark #timeline #event-info, .dark #timeline .vertical-line {
	border-color: #696969;
}
.dark #timeline-years li {
	border-right-color: #696969;
	border-bottom-color: #696969;
}
.dark #timeline-years li span {
	color: #d4d4d4;
}
.dark #timeline-controls a.left {
	background-position: -520px -11px;
	width: 22px;
}
.dark #timeline-controls a.left:hover {
	background-position: -485px -11px;
}
.dark #timeline-controls a.left.disabled {
	background-position: -520px -11px;
	opacity: .4;
}
.dark #timeline-controls a.left.disabled:hover {
	background-position: -520px -11px;
}

.dark #timeline-controls a.right {
	background-position: -240px -11px;
	width: 22px;
}
.dark #timeline-controls a.right:hover {
	background-position: -275px -11px;
}
.dark #timeline-controls a.right.disabled {
	background-position: -240px -11px;
	opacity: .4;
}
.dark #timeline-controls a.right.disabled:hover {
	background-position: -240px -11px;
}

.dark #zoom-in, .dark #zoom-out {
	border-color: #6e6e6e;
	background-color: #646464;
	box-shadow: 
	 2px 2px 3px 0px rgba(120,120,120,.6) inset,
	 -2px -2px 3px 0px rgba(87,87,87,.6) inset;
}
.dark #zoom-in:hover, .dark #zoom-out:hover {
	background-color: #7d7d7d;

	box-shadow:
	 2px 2px 3px 0px rgba(120,120,120,.6) inset,
	 -2px -2px 3px 0px rgba(105,105,105,.6) inset;
}
.dark #zoom-in.active, .dark #zoom-out.active {
	background-color: #444444;
	box-shadow: 2px 2px 4px 0px #333 inset;
}
.dark #zoom-in span {
	background-position: -365px -10px;
}
.dark #zoom-in.active span {
	background-position: -395px -10px;
}
.dark #zoom-out span {
	background-position: -365px -36px;
}
.dark #zoom-out.active span {
	background-position: -365px -36px;
}
.dark #timeline-buttons-container p {
	color: #5a5a5a;
}
.dark #legend p {
	color: #9b9b9b;	
}

.dark #legend .item.stint .icon {
	background-position: -140px -13px;
}
.dark #legend .item.event .icon {
	background-position: -170px -11px;
}
.dark #legend .item.photo .icon {
	background-position: -190px -11px;
}
.dark #legend .item.video .icon {
	background-position: -215px -11px;
}



/* sidebar */

.dark .page-section .subhead {
	color: #9B9B9B;
}
.dark .highlights li {
	border-top-color: #696969;
}


/* Patterns
===================================================== */

/* light patterns */

.light.lp0 .section-wrapper.header, .light.lp0 .section-wrapper.footer {
	background-color: #fff;
}

.light.lp1 .section-wrapper.header, .light.lp1 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp1.jpg);
}

.light.lp2 .section-wrapper.header, .light.lp2 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp2.jpg);
}

.light.lp3 .section-wrapper.header, .light.lp3 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp3.jpg);
}

.light.lp4 .section-wrapper.header, .light.lp4 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp4.jpg);
}

.light.lp5 .section-wrapper.header, .light.lp5 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp5.jpg);
}

.light.lp6 .section-wrapper.header, .light.lp6 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp6.jpg);
}

.light.lp7 .section-wrapper.header, .light.lp7 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp7.jpg);
}

.light.lp8 .section-wrapper.header, .light.lp8 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp8.jpg);
}

.light.lp9 .section-wrapper.header, .light.lp9 .section-wrapper.footer {
	background-image: url(/img/patterns/light/lp9.jpg);
}


/* dark patterns */
/*
	'boilerplate',
    'casual_friday',
    'old_boy_network',
    'pay_grade',
    'heavy_lifting',
    'creative_class',
    'inner_sanctum',
    'fact_pattern',
    'off_the_grid',
    'reserved_parking'
*/

.dark.dp0 {
	background-color: #323232;
}

.dark.dp1 #wrapper {
	background-image: url(/img/patterns/dark/dp1.jpg);
}

.dark.dp2 #wrapper {
	background-image: url(/img/patterns/dark/dp2.jpg);
}

.dark.dp3 #wrapper {
	background-image: url(/img/patterns/dark/dp3.jpg);
}

.dark.dp4 #wrapper {
	background-image: url(/img/patterns/dark/dp4.jpg);
}

.dark.dp5 #wrapper {
	background-image: url(/img/patterns/dark/dp5.jpg);
}

.dark.dp6 #wrapper {
	background-image: url(/img/patterns/dark/dp6.jpg);
}

.dark.dp7 #wrapper {
	background-image: url(/img/patterns/dark/dp7.jpg);
}

.dark.dp8 #wrapper {
	background-image: url(/img/patterns/dark/dp8.jpg);
}

.dark.dp9 #wrapper {
	background-image: url(/img/patterns/dark/dp9.jpg);
}



.social.dummy li a:hover, .features.dummy li a, .sidebar-section.dummy ul li a:hover, #images.dummy a:hover, #videos.dummy a:hover, .tweets-container.dummy .author-info a:hover span, .tweets-container.dummy .intents-container p a:hover , .tweets-container.dummy .intents-container p a:hover span, .tweets-container.dummy span {
	cursor: default;
	text-decoration: none;
}



/* media queries */

@media only screen and (min-width: 960px) and (max-width: 1279px){
	
	
}
@media only screen and (max-width: 959px) {
	
	.public #main-nav .page.timeline {
		display: none;
	}

	.public #tweet1 {
		border: none;
		padding-bottom: 50px;
	}
	.public #tweet2 {
		padding-left: 0;
	}

	.public .contact #contact-form-container {
		width: 100%;
		margin-bottom: 20px;
	}
	.public #contact-form {
		margin: 0 auto;	
	}
	.public .contact .sidebar {
		margin: 0 auto;
		float: none;
		clear: left;
	}

	.public #contact-form .form-element {
		width: 100%;
		margin-right: 0;
	}

	.public .form-element input[type="text"] {
			width: 100%;
	}
	.public .form-element.subject, .form-element.subject input[type="text"] {
		width: 100%;
	}
	.public .form-element.message, .form-element.message textarea {
		width: 100%;
	}


	.public #about-sidebar {
		float: left;
		padding: 0;
		margin-left: 0;
	}

	.public .about #about-sidebar {
		margin-top: 40px;
	}
	.public .about .page-section.social,  .public .about .page-section.at-a-glance {
		width: 100%;
		float: left;
	}

	.public .about .page-section.at-a-glance, .public .about .page-section.at-a-glance.no-proudest .highlights {
		margin-top: 0;
	}

	.public .about #about-sidebar .page-section.social {
		border-bottom-width: 0px;
	}

	.public .about .page-section.highlights {
		width: 100%;
	}
	.public .about .page-section .highlights {
		float: left;
	}
	.public .about .page-section ul.highlights {
		width: 100%;
	}
	.public .about .highlights .page-section {
		float: left;
		clear: left;
		width: 100%;
	}

	.public #articles-sidebar {
		padding: 0;
		margin-left: 0;
		float: none;
	}
	.public .profile-pic-container img {
		margin: 0 auto;
		display: block;
	}

}
/* all sizes less than 768px */
@media only screen and (max-width: 767px) {

	.public header nav {
		text-align: center;
	}
	.public #main-nav {
		width: auto;
	}

	.public #main-nav li {
		width: 96px;
		margin-right: 0;
		display: inline-block;
	}
	.public #main-nav li a {
		margin: 0 auto;
	}
	.public ul.seeking li {
		border: 0;
	}
	.public .resources h4 {
		text-align: center;
	}
	.public #videos li {
		max-width: 100%;
		width: 100%;
	}

	.public #images li .img-container {
		margin: 0 auto 10px;
	}
	.public .about #about-sidebar .page-section.social {
		border-bottom-width: 1px;
		padding-bottom: 35px;
	}
	.public .about .page-section.at-a-glance {
		margin-top: 35px;
		clear: left;
	}
	#contact-form-container {
		border-bottom-width: 1px;
	}
	#wrapper .contact .columns {
		width: 100%;
	}
	.public #about-sidebar, .public #main-content {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.public .container {
		width: 768px;
		margin: 0 auto;
	}

	.public ul.seeking li {
		border: 0;
	}

	.public .tweets-container {
		width: 479px;
		margin: 0 auto 20px;
	}
	.public ul.features {
		width: 720px;
	}

	.faq_container .question {
		width: 100%;
		margin-right: 0;
	}

	.public #contact-form {
		width: 535px;
	}

	.public #about-sidebar, .public #main-content {
		width: 100%;
		margin: 0 auto;
	}

	.public #about-sidebar .page-section.links {
		margin-right: 4%;
	}

	.public .resources #about-sidebar .page-section {
		float: left;
		margin-top: 0;
		border-bottom: 0;
		width: 48%;
	}

	#images li:nth-child(3n) {
		margin-right: 30px;
	}
	#images li:nth-child(4n) {
		margin-right: 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.public .container {
		width: 480px;
		margin: 0 auto;
	}

	.public ul.seeking li {
		border: 0;
		padding: 0;
	}

	.public #images {
		width: 384px;
		margin: 0 auto;
	}
	.public #about-sidebar {
		width: 100%;
	}
	.public #videos li iframe {
		height: 270px;
	}
	header h1 {
		font-size: 60px;
	}
	#images li:nth-child(n) {
		margin-right: 14px;
		margin-left: 14px;
	}
}

@media only screen and (max-width: 479px) {
	.public .container {
		width: 300px;
		margin: 0 auto;
	}
	.public #main-nav {
		max-width: 288px;
	}
	.public ul.features {
		max-width: 210px;
	}
	.public ul.features li {
		width: auto;
	}

	.public #images {
		width: 192px;
		margin: 0 auto;
	}
	.public #images li {
		text-align: center;
	}
	.public #about-sidebar {
		width: 300px;
	}
	.public .video-meta {
		display: none;
	}
	.public #videos li iframe {
		height: 169px;
	}
	.public .resources h4 {
		text-align: center;
	}
	.public .page-section.at-a-glance {
		clear: left;
	}
	
	.public #achievements li {
		margin-right: 15px;
	}
	header h1 {
		font-size: 52px;
	}
	.question {
		display: block;
		width: 100%;
		float: none;
		padding-left: 0;
	}
}

.classic.admin .container {
	width: 960px;
}